<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>调试系统</title>
<style type="text/css">
	* {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	div,iframe {
		float: left;
	}
	div.header {
		height: 40px;
	}
	div.banner,div.content {
		height: calc(100vh - 80px);
		min-height: 500px;
		max-height: calc(100vh - 80px);
	}
	div.banner {
		width: 220px;
	}
	div.content {
		width: calc(100% - 230px);
	}
	div.footer {
		height: 40px;
	}
</style>
</head>
<body>
<div>
	<div class="header">
		1
	</div>
	<div class="banner">
		1
	</div>
	<div class="content">
		<iframe src="" style="width: 100wm;height: calc(100vh - 80px);border: 0;">
			
		</iframe>
	</div>
	<div class="footer">
	1
	</div>
</div>
<script type="text/javascript">
	window.onload = function() {
		alert();
	}
</script>
</body>
</html>